{% extends 'main/base.html' %}
{% block content %}
<div class="columns has-background-black-ter is-centered has-text-white-bis">
	<!-- на самом деле можно было обойтись и hero, но я обратился к inline-css -->
	<div class="column is-half">
    	<form action="" method="post">
        	{% csrf_token %}
        	<!-- csrf для базовой безопасности нашего приложения -->
					<div class="field has-text-centered">
						<label for="text4search" class="label has-text-white-bis">Поиск дела</label>
						<div class="control">
								<input type="text4search" id="text4search" class="input" placeholder="Что вы хотите найти?"
										name="text4search" required>
						</div>
					</div>
					<div class="column">
						<div class="field">
								<button class="button is-primary" name="Find" input type="submit">
										<span class="icon is-small">
												<i class="fa fa-plus"></i>
										</span>
										<span>Поиск</span>
								</button>
						</div>
				</div>						
				{% if isdel %}<span>Дело удалено!</span>{% elif temptext %}<span>Поиск по шаблону: {{temptext}}</span>{% endif %}	
				{% if todos %}
							<table class="table">
							<thead>
								<tr>
									<th>Наименование</th>
									<th>Описание</th>
									<th>Отметить выполненным</th>
									<th>Удалить</th>
								</tr>
							</thead>
							<tbody>				
            	{% for todo in todos %}
							<tr>
								<td>{{ todo.title }}</td>
								<td>{{ todo.description }}</td>
								<td>{% if todo.is_done %}<button class="button is-link" name="Done" formnovalidate="" type="submit" disabled>
									<span class="icon is-small">
											<i class="fa fa-trash-o"></i>
									</span>
									<span>
											Выполнено
									</span>{% else %}<button class="button is-link" name="Done" value={{ todo.id }} formnovalidate="" type="submit">
									<span class="icon is-small">
											<i class="fa fa-trash-o"></i>
									</span>
									<span>
											Отметить выполненным
									</span>
							</button>{% endif %}</td>
							<td><button class="button is-link" name="Delete" value={{ todo.id }} formnovalidate="" type="submit">
								<span class="icon is-small">
										<i class="fa fa-trash-o"></i>
								</span>
								<span>
										Удалить дело
								</span>
						</button></td>
							</tr>
							</tbody>							
							{% endfor %}
						</table>
						{% endif %}
            <!--<div class="list-item">
                	<label class="checkbox">
                    	<input type="checkbox" class=" checkbox" name="checkedbox" value="{{ todo.id }}">
									</label>
                    	<span class="complete-">{{ todo.title }}</span>
											<span class="complete-">{{ todo.description }}</span>
											<span class="complete-">{{ todo.is_done }}</span>
                	
            	</div>-->	
            	
    	</form>
	</div>
</div>
{% endblock %}